<div class="leftContent">
	<div data-dojo-type="dijit/TitlePane" data-dojo-props="title: '最新公告' " class="titlePane" >
		
	</div>
	<div data-dojo-type="dijit/TitlePane" data-dojo-props="title: '任务进度' "  class="titlePane" >
		<div id="rate"></div>
	</div>
</div>

<div class="rightContent">
	<div data-dojo-type="dijit/TitlePane" data-dojo-props=" title: '个人信息' "  class="titlePane" >
		 <div data-dojo-type="dijit/form/Form" id="myForm" data-dojo-id="myForm"
		 encType="multipart/form-data" action="" method="">
		 	 <script type="dojo/on" data-dojo-event="reset">
       				 return confirm('Press OK to reset widget values');
			</script>

			<script type="dojo/on" data-dojo-event="submit">
       				 if(this.validate()){
            				return confirm('Form is valid, press OK to submit');
       				 }else{
            				alert('Form contains invalid data.  Please correct first');
           				return false;
       				 }
				return true;
			</script>
			<table style="border: 1px solid #9f9f9f;" cellspacing="10px">
			        <tr>
			            <td>
			                <label for="name">姓名:</label>
			            </td>
			            <td>
			                <input type="text" id="name" name="name" required="true" data-dojo-type="dijit/form/ValidationTextBox"  value="张三"/>
			            </td>
			        </tr>
			        <tr>
			            <td>
			                <label for="dob">生日:</label>
			            </td>
			            <td>
			                <input type="text" name="date1" id="date1" value="2005-12-30" data-dojo-type="dijit/form/DateTextBox" />
			            </td>
			        </tr>
			        <tr>
			            <td>
			                <label for="dob">工龄:</label>
			            </td>
			            <td>
					<input data-dojo-type="dijit/form/NumberSpinner"
					 id="integerspinner2"
					 value="10"
					 data-dojo-props="smallDelta:1, constraints:{min:0,max:100,places:0}"
					 name="someNumber"
					 />
			            </td>
			        </tr>
			        
    				<tr>
			            <td>
			                <label for="dob">工资:</label>
			            </td>
			            <td>
					<input id="q05" type="text"
					data-dojo-type="dijit/form/NumberTextBox"
					name= "elevation"
					required="true"
					value="3000"
					data-dojo-props="constraints:{min:-20000,max:20000,places:0},
					invalidMessage:'Invalid elevation.'" />
			            </td>
			        </tr>
			        
			        <tr>
			            <td>
			                <label for="dob">时间:</label>
			            </td>
			            <td>
					<input type="text" name="date1" id="time1" value="T15:00:00"
					data-dojo-type="dijit/form/TimeTextBox"
					required="true" />
			            </td>
			        </tr>
			</table>
			<button data-dojo-type="dijit/form/Button" type="button" onClick="console.log(myForm.getValues())">修改</button>
		</div>
	</div>
	<div data-dojo-type="dijit/TitlePane" data-dojo-props="title: '上级任务' " class="titlePane" >
	1545
	</div>
</div>

